<template>
	<view>
			<u-navbar  title="Change Password" 
			is-back="true" 
			title-width="50rpx" 
			title-color="#473C33" 
			height="48px" 
			back-icon-color="#473C33"
			:background="background"
			:custom-back="toLogin"
			></u-navbar>
			
			<view class="content">
				<u-form :model="form" ref="uForm" class="form" >
					<u-form-item><u-input v-model="form.npwd" type="password" placeholder="New password" placeholder-style="color: #cccccc;font-size:22rpx;font-family: 'Arial Normal', 'Arial', sans-serif;"/></u-form-item>
					<u-form-item><u-input v-model="form.npwd" type="password" placeholder="Confirm password" placeholder-style="color: #cccccc;font-size:22rpx;font-family: 'Arial Normal', 'Arial', sans-serif;"/></u-form-item>
				</u-form>
			</view>
			<button class="submit">Submit</button>
			<view >
				<text class="Pemail">Your E-mail</text>
				<text class="ml"> {{mail}}</text>
			</view>
	</view>
	
	
</template>

<script>
export default {
	data() {
		return {
			form: {
				email: '',
				code: '',
				npwd: '',
				dnpwd:'',
			},
			background: {
				backgroundColor: '#ffffff',
			},
			mail:'123@168.com',
		};
	},
	methods:{
		toLogin(){
			uni.navigateTo({
				url:"../login/login"
			})
		},
	}
};
</script>
<style scoped lang="scss">
@import "../../uview-ui/libs/css/style.components.scss";
.form{

	padding: 170px 40px;
	width: 375px;
	height: 100px;

}
.submit {
        position: relative;
        top:5px;
		width:500rpx;
		height: 80rpx;
		background-color:#abc270;
		color: #fefefe;
		border-radius:3px;
		font-size:15px;
		border:#ffffff;
		text-align: center;
		opacity: 0.85;
		padding: 2px 2px 2px 2px;
    }
.Pemail{
	font-size:40rpx;
	position: relative;
	top:-270px;
	left: 70rpx;
	width: 369px;
	  height: 27px;
	  opacity: 0.82;
	  background-color: rgba(255, 255, 255, 0);
	  box-sizing: border-box;
	  font-family: 'Arial Normal', 'Arial', sans-serif;
	  font-weight: 700;
	  color: #333333;
	  text-align: left;
	  line-height: normal;
}
.ml{
	font-size:40rpx;
	position: relative;
	top:-270px;
	left: 180rpx;
	width: 369px;
	  height: 27px;
	  opacity: 0.82;
	  background-color: rgba(255, 255, 255, 0);
	  box-sizing: border-box;
	  font-family: 'Arial Normal', 'Arial', sans-serif;
	  font-weight: 700;
	  color: #333333;
	  text-align: left;
	  line-height: normal;
}
</style>
